@charset "utf-8";

/* 公共样式 */
html,body {
	min-width: 1200px;
}

/* 选择视频 */
.SY-content .chooseVideo {
	width: 1000px;
	height: 600px;
	margin: 70px auto 100px;
	background: #fff;
}
.SY-content .chooseVideo .content {
	width: 920px;
	height: 520px;
	margin:40px auto;
	border:1px dashed #e5e5e5;
	background:#f8fafc;
}
.SY-content .chooseVideo .content a {
	width: 360px;
	height: 90px;
	font-size: 15px;
	color: #fff;
	margin:215px auto 0;
	background:#00a4e9; 
}
.SY-content .chooseVideo .content a input {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
}
.SY-content .chooseVideo .content a:hover,.SY-content .videoUploading .btn a:hover {
	background:#0c87bc; 
}
.SY-content .chooseVideo .content .icon {
	font-size:66px;
	margin:12px 10px 0 0;
	vertical-align: top;
}
.SY-content .chooseVideo .content .text p:first-child {
	font-size: 20px;
	margin:22px 0 10px;
}
.SY-content .chooseVideo .content .tips {
	font-size: 14px;
	color: #ababab;
	margin-top: 20px;
	line-height: 1.5;
}

/* 视频上传中 */
.SY-content .videoUploading {
	margin:70px 0 100px;
}
.SY-content .videoUploading .SY-setContent {
	width: 1000px;
	margin:0 auto;
	background: #fff;
}
.SY-content .videoUploading .fileBox {
	margin:52px 45px 30px;
}
.videoUploading .fileBox .fileTitle {
	font-size: 20px;
    line-height: 30px;
    overflow: hidden;
    height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
}
.videoUploading .fileBox .fileProgress {
    height:35px;
	line-height:35px;
    z-index:1;
    margin-top:20px;
    background:#f4f6f8;
    overflow: hidden;
}
.videoUploading .fileBox .fileProgress .fileProgress-txt {
	font-size: 13px;
    top: 0;
    left: 30px;
    overflow: hidden;
    width:850px;
    height: 35px;
    white-space: nowrap;
    color: #555;
}
.videoUploading .fileBox .fileProgress-txt .fileStatus span {
	font-size: 18px;
    margin: 0 15px 0 5px;
}
.videoUploading .fileBox .fileProgress-txt .fileTip {
	top: 0;
    left: 50%;
    width:490px;
    height: 35px;
    margin-left: -245px;
}
.videoUploading .fileBox .fileProgress-txt .fileTime .time {
	margin-left: 5px;
}
.videoUploading .fileBox .fileProgress .fileCancel {
	display: block;
	top:9px;
    left:886px;
    font-size: 16px;
	line-height: 16px;
	text-align: center;
	z-index: 2;
}
.videoUploading .fileBox .fileProgress .fileProgressRecord {
	z-index: 2;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0%;
    height: 35px;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
    background-color: #00a4e9;
}
.videoUploading .fileBox .fileProgress .fileProgressRecord .fileProgress-txt,
.videoUploading .fileBox .fileProgress .fileProgressRecord .fileCancel {
	color: #fff;
}
.videoUploading .fileBox .fileInfo {
	font-size: 13px;
    line-height: 35px;
    height: 35px;
    color: #555;
}
.videoUploading .fileBox .fileInfo .fileInfoSave {
	color: #00a4e9;
}
.videoUploading .picDescribe {
	padding:0 35px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.videoUploading .picDescribe .picTitle {
	padding:30px 0 15px;
	border-bottom: 1px solid #e5e5e5;
}
.videoUploading .picDescribe .picTitle input {
	width: 100%;
	font-size: 25px;
    color: #000;
    line-height: 1.5;
    outline: none;
    border: none;
}
.videoUploading .picDescribe .picTitle input::placeholder,
.videoUploading .picDescribe .describeBox textarea::placeholder {
	color: #ababab;
}
.videoUploading .picDescribe .describeBox {
	min-height: 297px;
    max-height: 974px;
    width: 100%;
    padding: 20px 0;
}
.videoUploading .picDescribe .describeBox textarea {
	width: 926px;
	min-height: 297px;
    max-height: 970px;
    line-height: 1.5;
	border:none;
	outline: none;
	resize: none;
    font-size: 16px;
    color: #000;
    overflow-y: auto;
    overflow-x: hidden;
}
.videoUploading .bottomContent .content .tags {
	border-bottom: 0;
}
.SY-content .videoUploading .btn {
	width: 100%;
	height: 70px;
} 
.SY-content .videoUploading .btn a {
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	margin:20px auto 0; 
	background: #00a4e9;
}

/* 视频上传成功 */
.SY-content .uploadComplete {
	width: 1000px;
	min-height: 590px;
	margin: 70px auto 100px;
	background: #fff;
}
.SY-content .uploadComplete .bgPic {
	margin:70px 50px 0;
}
.SY-content .uploadComplete .bgPic .bg {
	width: 100%;
	height: 24px;
	margin-bottom:7px;
	background: url("../img/icons/uploadComplete.png") no-repeat center center;
}
.SY-content .uploadComplete .bgPic .text {
	width: 33%;
	font-size: 14px;
	color: #ababab;
}
.SY-content .uploadComplete .info {
	margin:44px 50px 55px;
}
.SY-content .uploadComplete .info .text {
	font-size: 22px;
	color: #333;
	margin-bottom:30px;
}
.SY-content .uploadComplete .btns a {
	width: 120px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	color: #fff;
	background: #00a4e9;
	margin-right: 30px;
}
.SY-content .uploadComplete .btns a:hover {
	background: #0c87bc;
}
.SY-content .uploadComplete .msg {
	padding: 0 50px;
	font-size: 14px;
	border-top: 1px solid #e5e5e5;
}
.SY-content .uploadComplete .msg .tip {
	font-size: 14px;
	color: #666;
	padding:24px 0;
	border-bottom: 1px solid #e5e5e5;
}
.SY-content .uploadComplete .msg .tip i {
	font-size: 16px;
	color: #ababab;
	margin-right: 5px;
}
.SY-content .uploadComplete .msg .detail {
	padding:20px 0 66px;
}
.SY-content .uploadComplete .msg .title,
.SY-content .uploadComplete .msg .describe,
.SY-content .uploadComplete .msg .theme,
.SY-content .uploadComplete .msg .tags {
	color: #666;
	margin-bottom: 20px;
	line-height: 18px;
}
.SY-content .uploadComplete .msg .title span,
.SY-content .uploadComplete .msg .describe p {
	color: #333;
	width: 855px;
	vertical-align: top;
} 
.SY-content .uploadComplete .msg .theme p i {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	vertical-align: top;
	background: url("../img/editor/theme.png") no-repeat center center;
}
.SY-content .uploadComplete .msg .theme p:last-child,
.SY-content .uploadComplete .msg .tags p:last-child {
	width: 830px;
	color: #333;
}
.SY-content .uploadComplete .msg .tags p i {
	font-size: 16px;
	color: #ababab;
	margin-right: 7px;
}
.SY-content .uploadComplete .msg .theme span,
.SY-content .uploadComplete .msg .tags span {
	margin:0 4px;
}